<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
		<meta name="viewport" content="width=device-width, initial-scale=1"></meta>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
		<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" ></script>
		<link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.css" rel="stylesheet"/>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.js"></script>
		<script src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
		<script  th:inline="javascript" type="text/javascript">
			/*<![CDATA[*/	    
				var voteapiroot = [[${voteapiroot}]];
			    var factionid='17c753ca6cb048f5821cf751efd7ecc3yellow';
			    var fuserid='49664';
			    var url		=voteapiroot+'/api/viewer/weixinauthorizeurl?1=1&factionid='+factionid+'&fuserid='+fuserid;
			    var url_test=voteapiroot+'/api/viewer/testwxquurl?1=1&factionid='+factionid+'&fuserid='+fuserid;
			    $(function(){
					  $('#qrcode').qrcode({width: 150,height: 150,text: url});
					  console.log(url);
					  $('#qrcode_test').qrcode({width: 150,height: 150,text: url_test});
					  console.log(url_test);
			    });
			    
			/*]]>*/
		</script>
		<style type="text/css">
			@media (max-width: 767px)
			{
			  body{
			    margin: 0;
			    padding: 0;
			  }
			}
			@media (max-width: 970px)
			{
			  body{
			    margin: 0;
			    padding: 0;
			  }container-fluid
			}
			@media (max-width: 480px)
			{
			  body{
			    margin: 0;
			    padding: 0;
			  }container-fluid
			}
			
			
			
		</style>
	</head>
<body>
	<div class="container">
			<div class="form-group"> 
				
			</div>
  	</div> 
</body>
</html>